<!DOCTYPE html>
<html lang="zh">
<head>
    <title>系统商品管理 | OMS</title>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="cache-control" content="no-cache"/>
    <meta http-equiv="expires" content="Thu, 19 Nov 1900 08:52:00 GMT"/>

    <!-- 加载 bootstrap 样式-->
    <link type="text/css" rel="stylesheet"
          href="/Apollo/madmin/vendors/jquery-ui-1.10.4.custom/css/ui-lightness/jquery-ui-1.10.4.custom.min.css"/>
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/font-awesome/css/font-awesome.min.css"/>
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/bootstrap/css/bootstrap.min.css"/>

    <!-- 加载本页需要的三方插件样式 -->
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/DataTables/media/css/jquery.dataTables.css">
    <link type="text/css" rel="stylesheet"
          href="/Apollo/madmin/vendors/DataTables/extensions/TableTools/css/dataTables.tableTools.min.css">
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/DataTables/media/css/dataTables.bootstrap.css">
    <link type="text/css" rel="stylesheet"
          href="/Apollo/madmin/vendors/jquery-tablesorter/themes/blue/style-custom.css">
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-bootstrap-wizard/custom.css">
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-steps/css/jquery.steps.css">
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/animate.css/animate.css"/>
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/iCheck/skins/all.css"/>

    <!-- 加载主题风格样式 -->
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/css/themes/style1/orange-blue.css"
          class="default-style"/>
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/css/themes/style1/orange-blue.css" id="theme-change"
          class="style-change color-change"/>
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/css/style-responsive.css"/>
    <link type="text/css" rel="stylesheet" href="jquery.treetable.css" /> 
    
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-treetable/stylesheets/jquery.treetable.css">
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-treetable/stylesheets/jquery.treetable.theme.custom.css">
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/DataTables/extensions/FixedColumns/css/fixedColumns.dataTables.css">
    <link type="text/css" rel="stylesheet" href="/css/tooltip.css" />
</head>
<style>
#skuCreateTable thead tr th{
white-space:inherit;
}
</style>
<body class="">
<!--BEGIN CONTENT-->
<div class="page-content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-8 col-xs-8 col-sm-8 col-md-8" style="line-height:36px;">
                <div class="actions">
                            &nbsp;
                            <a href="#" class="btn btn-xs btn-info" data-toggle="" data-target=""
                               onclick="newGoods()" id="newGoods" disabled>
                                <i class="fa"></i>&nbsp;新增
                            </a>
                            &nbsp;
                            <!--<a href="#" class="btn btn-xs btn-info" data-toggle="" data-target=""-->
                               <!--onclick="downLoadGoods()" id="downLoadGoods" disabled>-->
                                <!--<i class="fa"></i>&nbsp;下载-->
                            <!--</a>-->
                            <!--&nbsp;-->
                            <div class="btn-group">
                            <button type="button" data-toggle="dropdown" class="btn btn-xs btn-info dropdown-toggle">批量设置 &nbsp;
                                                <span class="caret"></span>
                                            </button>
                                            <ul role="menu" class="dropdown-menu">
                                                <li><a  href="javascript:" onclick="updateGoodsCategory()" id ="updateGoodsCategory">批量设置分类</a>
                                                </li>
                                                <li><a href="javascript:" onclick="deleteGoodsCategory()" id="deleteGoodsCategory">批量清空分类</a>
                                                </li>
                                                <li><a href="javascript:" onclick="updateGoodsOpenIsSn()" id="updateGoodsOpenIsSn">批量启用序列号管理</a>
                                                </li>
                                                <li><a href="javascript:" onclick="updateGoodsCloseIsSn()" id="updateGoodsCloseIsSn">批量停用序列号管理</a>
                                                </li>
                                            </ul>
                             </div>
                        </div>
            </div>
            <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4" style="margin-bottom: 10px;">
                <div class="input-group">
                    <input id="quickSearch" type="text" placeholder="商品编码/名称、规格编码/名称" style="margin-top:1px;" class="form-control"/>
                    <span class="input-group-btn">
                        <button id="btnQuickSearch" type="button" class="btn btn-primary">
                        	<i class="fa fa-search"></i>
                        </button>
	                    <button id="btnAdvSearch" type="button" class="btn btn-default btn-adv-search">
	                    	<i class="fa fa-angle-double-down" style="font-size: 20px; color:white;"></i>
	                    </button>
	                </span>
                </div>
            </div>
        </div>
        <!-- 高级查询 -->
        <row>
            <!--<div  class="panel panel-default" id="advSearchPanel" style="position:fixed;Z-index:9999;width:95%;display:none;">-->
                <!-- 窗体悬浮，百分比根据情况设置 -->
            <div class="panel panel-default" id="advSearchPanel" style="display: none;">
                <div class="panel-body">
                    <form id="frmAdvSearch" role="form" action="" class="form-horizontal advance-query"><!-- advance-query 必须要写的 -->
                        <div class="row">
                            <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4">
                                <div class="form-group">
                                    <label for="goodsCode" class="col-sm-4 col-lg-4 col-xs-4 col-md-4 control-label">商品商家编码
                                    </label>
                                    <div class="col-sm-8 col-lg-8 col-xs-8 col-md-8">
                                        <input id="goodsCode" name="goodsCode" type="text" placeholder=""
                                               minlength="1"
                                               maxlength="100" class="form-control forsubmiteq"
                                               fieldname="a.goods_code"
                                               fieldtype="string" fieldoperator="and"/>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4">
                                <div class="form-group">
                                    <label for="goodsName" class="col-sm-4 col-lg-4 col-xs-4 col-md-4 control-label">商品名称
                                    </label>
                                    <div class="col-sm-8 col-lg-8 col-xs-8 col-md-8">
                                        <input id="goodsName" name="goodsName" type="text" placeholder=""
                                               minlength="1"
                                               maxlength="200" class="form-control forsubmiteq"
                                               fieldname="a.goods_name"
                                               fieldtype="string" fieldoperator="and"/>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4">
                                <div class="form-group">
                                    <label for="skuMCode" class="col-sm-4 col-lg-4 col-xs-4 col-md-4 control-label">主数据编码
                                    </label>
                                    <div class="col-sm-8 col-lg-8 col-xs-8 col-md-8">
                                        <input id="skuMCode" name="skuMCode" type="text" placeholder="" minlength="1"
                                               maxlength="100" class="form-control forsubmiteq" fieldname="sku.sku_mcode"
                                               fieldtype="string" fieldoperator="and"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="row">
                            
                            <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4">
                                <div class="form-group">
                                    <label for="skuCode" class="col-sm-4 col-lg-4 col-xs-4 col-md-4 control-label">规格商家编码
                                    </label>
                                    <div class="col-sm-8 col-lg-8 col-xs-8 col-md-8">
                                        <input id="skuCode" name="skuCode" type="text" placeholder="" minlength="1"
                                               maxlength="100" class="form-control forsubmiteq" fieldname="sku.sku_code"
                                               fieldtype="string" fieldoperator="and"/>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4">
                                <div class="form-group">
                                    <label for="skuName" class="col-sm-4 col-lg-4 col-xs-4 col-md-4 control-label">规格名称
                                    </label>
                                    <div class="col-sm-8 col-lg-8 col-xs-8 col-md-8">
                                        <input id="skuName" name="skuName" type="text" placeholder="" minlength="1"
                                               maxlength="200" class="form-control forsubmiteq" fieldname="sku.ec_sku_name"
                                               fieldtype="string" fieldoperator="and"/>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4">
                                <div class="form-group">
                                    <label for="barCode" class="col-sm-4 col-lg-4 col-xs-4 col-md-4 control-label">规格条码
                                    </label>
                                    <div class="col-sm-8 col-lg-8 col-xs-8 col-md-8">
                                        <input id="barCode" name="barCode" type="text" placeholder="" minlength="1"
                                               maxlength="200" class="form-control forsubmiteq" fieldname="sku.bar_code"
                                               fieldtype="string" fieldoperator="and"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 col-lg-12 col-xs-12 col-md-12 text-right">
                                <button type="reset" id="advSearchReset" name="advSearchReset" class="btn btn-default">
                                                                                        重置
                                </button>
                                <button type="button" id="advSearchSubmit" name="advSearchSubmit"
                                        class="btn btn-primary">查询
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </row>
        <div class="row">
            <div class="col-lg-12">
                <div class="portlet box portlet-blue" style="margin-bottom: 15px;">
                    <div class="portlet-header">
                        <div class="caption">系统商品列表</div>
                        <div class="actions">
                            <a href="#" class="btn btn-xs btn-orange" style="display: none;" data-toggle="" data-target=""
                               onclick="exportGoodsList()">
                                <i class="fa fa-save"></i>&nbsp;导出
                            </a>&nbsp;
                        </div>
                    </div>
                    <div class="portlet-body">
                        <table id="goodsTable"
                               class="table table-hover table-striped table-bordered table-advanced"
                               style="table-layout:fixed;margin-left:0px;" width="100%">
                            <thead>
                            <tr>
                                <th width="5%"></th>
                                <th style="width: 5%; padding: 10px;">
                                    <input id="chkAll" name="chkAll" type="checkbox" colValue="chk" class="checkall"  />
                                </th>
                                <!-- style="display:none;" -->
                                <th width="20%" colValue="">商品商家编码</th>
                                <th width="20%" colValue="">商品名称</th>
                                <th width="10%" colValue="">商品分类</th>
                                <th width="20%" colValue="">商品描述</th>
                                <th width="10%" colValue="">序列号管理</th>
                                <th width="20%" colValue="">操作</th>
                            </tr>
                            <tbody >
                            </tbody>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
 <!-- ====================================== 窗口区 ===================================== -->
 <!-- 创建 -->
        <div id="modalCreate" tabindex="-1" role="dialog" aria-labelledby="modal-header-primary-label" data-backdrop="static" aria-hidden="true" class="modal fade">
            <div class="modal-dialog modal-wide-width">
                <div class="modal-content">
                    <div class="modal-header modal-header-primary">
                        <button type="button" data-dismiss="modal" aria-hidden="true" class="close">&times;</button>
                        <h4 id="editTitle" class="modal-title">新增系统商品</h4>
                    </div>
                    <div class="modal-body" style = "height:500px">
                        <form id="goodsCreateForm" role="form" action="" class="form-horizontal">
                            <div class="row">
                                <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4">
                                    <div class="form-group">
                                        <label for="goodCode" class="col-sm-4 control-label">商品商家编码<span class='require'>*</span>
                                        </label>
                                        <div class="col-sm-8">
                                             <input id="goodCode" name="goodCode" type="text" placeholder="" minlength="1" maxlength="100" class="form-control required"/>
                                             <input id="goodCodehid" type="hidden" />
                                            <i class="alert alert-hide">商品商家编码是必选项</i>
                                        </div>
                                        <input id="goodsId" type="hidden" />
                                    </div>
                                </div>
                                <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4">
                                    <div class="form-group">
                                        <label for="goodName" class="col-sm-3 control-label">商品名称 <span class='require'>*</span>
                                        </label>
                                        <div class="col-sm-9">
                                             <input id="goodName" name="goodName" type="text" placeholder="" minlength="1" maxlength="100" class="form-control required"/>
                                             <input id="goodNamehid" type="hidden" />
                                             <i class="alert alert-hide">商品名称是必选项</i>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4">
                                    <div class="form-group">
                                        <label for="catgName" class="col-sm-3 control-label">商品分类
                                        </label>
                                        <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4" style="padding-right: 0px;">
                                            <input id="catgName" name="catgName" type="text" placeholder="" minlength="1" maxlength="" class="form-control" readonly="readonly" />
                                             <input id="catgId" type="hidden" />
                                             <input id="goodTypehid" type="hidden" />
                                        </div>
                                        <div class="col-lg-5 col-xs-5 col-sm-5 col-md-5" style="padding-left: 0px;">
                                            <a href="#" id="btnGoodsCategory" data-toggle="modal" data-target="" class="btn btn-primary" style="padding:6px;">选择</a>
                                            <a href="#" id="btnGoodsCategoryClear" data-toggle="modal" data-target="" class="btn btn-primary" style="padding:6px;">清空</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4" >
                                    <div class="form-group">
                                        <label for="remark" class="col-sm-4 control-label" >描    述
                                        </label>
                                        <div class="col-sm-8">
                                            <textarea id="remark" name="remark" rows="3" class="form-control" minlength="0" maxlength="100"></textarea>
                                            <input id="remarkhid" type="hidden" />
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4" >
                                    <div class="form-group">
                                        <label for="remark" class="col-sm-4 col-xs-4 control-label" >启用序列号管理
                                        </label>
                                        <div class="col-sm-8 col-xs-8">
                                            <input type="checkbox" id="isSn" name="isSn" class="icheck">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4 ">
                                    <div class="form-group">
                                    	&nbsp;
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-12 col-lg-12 col-xs-12 col-md-12 text-right">
                                    <button type="button" id="createSku" name="createSku" class="btn btn-primary">
                                                                                            新增规格
                                    </button>
                                </div>
                            </div>
                            <p>
                            <!-- 规格列表 -->
                            <div class="portlet-body">
                            <div class="table-responsive">
                                <table id="skuCreateTable"
                                       style="table-layout:fixed;" class="table table-striped table-bordered table-hover" 
                                       width="100%">
                                    <thead>
                                    <tr>
                                        <th width="15%" colValue="">主数据编码</th>
                                        <th width="23%" colValue="">规格商家编码<span class='require'>*</span></th>
                                        <th width="15%" colValue="">规格名称<span class='require'>*</span></th>
                                        <th width="10%" colValue="" style="text-align : right;">标准进价<span class='require'>*</span></th>
                                        <th width="10%" colValue="" style="text-align : right;">标准售价<span class='require'>*</span></th>
                                        <th width="10%" colValue="">允许赠品</th>
                                        <th width="10%" colValue="">虚拟商品</th>
                                        <th width="12%" colValue="">条码</th>
                                        <th width="10%" colValue="">操作</th>
                                    </tr>
                                    <tbody>
        
                                    </tbody>
                                    </thead>
                                </table>
                            </div>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" data-dismiss="modal" class="btn btn-default">取消</button>
                        <button id="btnGoodsAdd" type="button" class="btn btn-primary">保存</button>
                        <button id="btnGoodsUpdate" type="button" class="btn btn-primary">保存</button>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- 商品分类 -->
        <div id="goodsCategorySelect" tabindex="-1" role="dialog" aria-labelledby="modal-header-primary-label" data-backdrop="static" aria-hidden="true" class="modal fade">
            <div class="modal-dialog modal-wide-width">
                <div class="modal-content">
                    <div class="modal-header modal-header-primary">
                        <button type="button" data-dismiss="modal" aria-hidden="true" class="close">&times;</button>
                        <h4 id="modal-header-primary-label" class="modal-title">商品分类选择</h4>
                    </div>
                    <div class="modal-body">
                        <div class="mbxl">请选择所商品分类</div>
                        <form id="splitShopForm" role="form" action="" class="form-horizontal">
                            <div class="form-group">
                                <table id="treeMenu" class="linetable">
                                <caption class="mbl mtl">
                                <a href="#" id="expandAll" onclick="">全展开</a>
                                &nbsp; | &nbsp;
                                <a href="#" id="collapseAll" onclick="">全关闭</a>
                                </caption>
                                </table>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                    <button id="closeSelect" type="button" data-dismiss="modal" class="btn btn-default">取消</button>
                    </div>
                </div>
            </div>
        </div>
<!-- 导出文件 -->
<div id="exportList" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" class="modal fade"
     aria-labelledby="modal-header-primary-label">
</div>

<!--END CONTENT -->
<!-- 加载 jquery js-->
<script src="/Apollo/madmin/js/jquery-1.10.2.min.js"></script>
<script src="/Apollo/madmin/js/jquery-migrate-1.2.1.min.js"></script>
<script src="/Apollo/madmin/js/jquery-ui.js"></script>

<!-- 加载 bootstrap 和三方插件 js -->
<script src="/Apollo/madmin/vendors/bootstrap/js/bootstrap.min.js"></script>
<script src="/Apollo/madmin/vendors/bootstrap-hover-dropdown/bootstrap-hover-dropdown.js"></script>
<script src="/Apollo/madmin/js/html5shiv.js"></script>
<script src="/Apollo/madmin/js/respond.min.js"></script>
<script src="/Apollo/madmin/vendors/jquery-cookie/jquery.cookie.js"></script>
<script src="/Apollo/madmin/vendors/iCheck/icheck.min.js"></script>
<script src="/Apollo/madmin/vendors/iCheck/custom.min.js"></script>
<script src="/Apollo/madmin/vendors/jquery-notific8/jquery.notific8.min.js"></script>
<script src="/Apollo/madmin/vendors/jquery-pace/pace.min.js"></script>
<script src="/Apollo/madmin/vendors/holder/holder.js"></script>
<script src="/Apollo/madmin/vendors/responsive-tabs/responsive-tabs.js"></script>
<script src="/Apollo/madmin/vendors/moment/moment.js"></script>
<script src="/Apollo/madmin/vendors/DataTables/media/js/jquery.dataTables.js"></script>
<script src="/Apollo/madmin/vendors/DataTables/media/js/dataTables.bootstrap.js"></script>
<script src="/Apollo/madmin/vendors/DataTables/extensions/TableTools/js/dataTables.tableTools.min.js"></script>
<script src="/Apollo/madmin/vendors/jquery-tablesorter/jquery.tablesorter.js"></script>
<script src="/Apollo/madmin/js/table-advanced.js"></script>
<script src="/Apollo/madmin/vendors/jquery-validate/jquery.validate.min.js"></script>
<script src="/Apollo/madmin/vendors/jquery-validate/message_zh.js"></script>
<script src="/Apollo/madmin/vendors/jquery-steps/js/jquery.steps.min.js"></script>
<script src="/Apollo/madmin/vendors/jquery-bootstrap-wizard/jquery.bootstrap.wizard.min.js"></script>

<script src="/Apollo/madmin/vendors/DataTables/jquery.jeditable.js"></script>
<script src="/Apollo/madmin/js/table-editable.js"></script>
<script src="/Apollo/madmin/vendors/jstree/dist/jstree.min.js"></script>
<script src="/Apollo/madmin/vendors/jquery-treetable/javascripts/src/jquery.treetable.js"></script>
<script src="/Apollo/madmin/js/ui-treeview.js"></script>
<script src="/Apollo/madmin/vendors/DataTables/extensions/FixedColumns/js/dataTables.fixedColumns.js"></script>

    <script src="/Apollo/madmin/vendors/jquery-news-ticker/jquery.newsTicker.min.js"></script>
    <script src="/Apollo/madmin/vendors/moment/moment.js"></script>
    <script src="/Apollo/madmin/vendors/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
    <script src="/Apollo/madmin/vendors/bootstrap-daterangepicker/daterangepicker.js"></script>
        
<!-- 加载本页面对应的js -->
<script src="goods.js"></script>
<script src="createGoods.js"></script>
<script src="/views/static/js/export.js"></script>
<script src="/views/static/js/setPageButtonStatus.js"></script>
<script src="/views/static/js/form.js"></script>
<!--<script src="/Apollo/madmin/js/main.js"></script>-->



</body>
</html>